<script setup>
import { RouterLink, RouterView } from 'vue-router'
</script>

<template>
    <nav>
        <RouterLink to="/">Home</RouterLink>
        <RouterLink to="/about">About</RouterLink>
        <RouterLink to="/product">product</RouterLink>
        <RouterLink to="/from">from</RouterLink>
        <RouterLink to="/axios">axios</RouterLink>
        <RouterLink to="/wether">wether</RouterLink>
    </nav>

    <RouterView />
</template>

<style scoped lang="scss">
    nav a{
        border: 1px solid #000;
        margin-right: 20px;
        padding: 10px 20px;
        margin-bottom: 40px;
    }
</style>
